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<html> 

<form Id = °get_card_info n method = "post" action = "http://payment.asp n > 
2gQ <select name="card_type"> 

<option value = "amex"> American Express</option> 
<option value="visa n > Visa </option> 
< option value= ,, ms ,, >MasterCard</option> 
</se)ect> 

<input type = "text" name = "card.num " width = "30" 

onChange= "handle()" /> 
<input type= n text" name = "expiry_date" /> 
<input type="submit n value= "Subm it" onClick= "verify() n /> 
</form > 
<scriptx![CDATA[ 

function handled { 



262 



if (get_card_info . card_type .value — "amex" ) T 
if (get_card_±nfo.card_num. length != 15)" " 
alert {"amex should have 15 digits"); 

} else 

if (get_card_info s . card_num. length != 16) 

alert ("visa and master should have 16 digits"); 

} 

function verify () { 

var flag = window . confirm ( "submit the credit card info?"); 
if (flag) 

get_card_inf o . submit ( ) ; 

} 

]]> 
</script> 
</html> 
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: htm l> 

<form id = "get„card_inro'' method = "post" action = "http://payment.asp"> 

<select name = B card_type" onClick = "talk(g_card_types)"> 

<option value= B amex"> American Express</option> 
< option value= "visa "> Visa < /option > 
< option value = "ms"> MasterCard </option> 
</select> 

<reco id = "g_card_types" onReco = handle() ' > 
< grammar src = "./gram #card_types" /> 

</reco > ~ 

<input type = "text" name = "card_num B width = "30 B 
onClick= B talk(g_card_num) B /> 
<reco id = " g_card_num " onReco ="handie() " > 

< grammar src = " ./gram #digits « /> 

</reco > 

< input type= "text" name= "expiry_date" 

onClick="talk(g_expiry_date)" /> 
<reco id = "g_expiry_date " > 

< grammar src =" ./gram #dates " /> 

</reco > 

<input type="submit" value = "Subm it" onCltck= n verify()" /> 

</form> 

<script> < ![CDATA[ 

function talk(gobi) { 
gobj .activate O; 

function handleO { 

if (get_card_info.card_num != null) { 

if (get_card__info . card_type . value == "amex") 

if (get_card_inf o . card_num. length != 15) 

alert ("amex should have 15 digits"); 

} else 

— — if ( get_card_info . car d_n urn. length != 16) 
alert ("visa and master should have 16 digits"); 
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} 



} 



function verifyO { 

var flag = window. confi rm("submit the credit card 
info?"); 

" (flag) { 

get_card_info. submit Q ; 



if 
} 



} 



]]> 
</script> 
</htm!> 
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< body > 

< form id =" get_card_info " method =" post" action =" http://payment.asp " 
on Activate =" welcom() "> 

< prompt id =" p_welcome "> We now need your credit card </ prompt > 

< prompt id =" p_mumble "> I didn't understand you </ prompt > 

< prompt id ="p _card_type " bargein ="true n > What credit card would you 
use? </ prompt > 

< prompt id =" p_card_num " bargein =" true "> Please say th*» number" </ prompt > 

< prompt id =" p_expiry_date " bargein = n true" > What is the expiration 
date? </ prompt > 

'< prompt id =" p_content "> 

I have your < value select =" card.type " /> < value select = n card_num " /> 
with expiration date 

< value select = n expiry_date "/> 

</ prompt > 

< prompt id =" p_confirm "> Is this correct? </ prompt > 

<reco id=" g_card (types " onNoReco =" mumble(this, 2) " > 
onReco =" _han61eCthis f card.type) " /> 

< grammar src=" ./gram#card_types " 

</reco > 

<reco id=" g_card_num " onNoReco =" mumble(this, 1) "> 
onReco =" _handle(this, card_num) n /> 
< grammar src=" ./gram#digits "/> 

</reco > 

<reco id=" g_expiry_date " onNoReco =" mumble(this, 1) 

onReco =" _handle(this f expiry date) 

< grammar src=" ./gram#dates " /> 

</reco > 

<reco id=" confirmation M onReco = n confirmed(this) " /> 

'/> 



audio ="rao " /> 
confirmed(this) 



< grammar src=" ./gram#yesno 
</reco > 
< select name =" card_type "> 

< option value =="amex"> American Express </ option > 

< option value =" visa "> Visa </ option > 

< option value ="ms"> MasterCard </ option > 
</ select > ~~~~ 

< input type="text" name =" card.num " width ="30" /> 

< input type="text" name =" expiry_ date " /> 

< input type =" submit " value =" Submit " /> 
</ form > 

< script ><![CDATA[ 

function welcomeO { 
p_wel come . act i ve () ; 
repeat = 0; 
checkFilledQ; 



} 



function mumbleCgobj, maxprompts) { 

gobj .deactivate O ; 

p_mumb1 e . act i ve O ; 
checkFil led(); 
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function _handleO { 
handleO ; 
checkFilledO; 

} 

function checkFilledO { 

if (card_type. value == "") { 
p_card_type. active 0 ; 
g_card_types.activate(); return; 

} 

if (card_num.value="") { 

p_card_num.active() ; g_card_num.acti vate(); return; 

} 

if C?xpiry_date. value == "") { 

p_expiry_data.active(); g_expiry_date.activate() ; return; 

p_content.activateO ; 
p_conf i rm. activate () ; 
conf i rmati on . acti vate O ; 

} 

function confi rmed(gobj) { 

if (gob j . recogRes. text = "yes") 
get_card_i nf o . subrrn t () ; 

// 

// user codes start here 
// 

function handleO { 

if (get_card_info.card_type == "amex") { 

if (get_card_info.card_num. length U 15) { 

prompt. speak ("amex should nave 15 digits"); - 
get_card_info.card_jium = ""; 

} else 

if (get_card_info.card_num. length U 16) { 

prompt. speak ('visa and master should have 16 digits") ; 
get»card_info.card_num = ""; 

} } 
]]> 
</script> 
</body> 
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<body> 



<form id= ,, get_card_info" method = "post" action="http://payment.asp" 
onactivate="welcome() ,, > 

< prompt id= f, p_welcome">We now need your credit card</prompt> 

<prompt id="p_mumble">I didn't understand you</prompt> 

<prompt id="p_card_type" bargein="true">What credit card would you 

use?</prompt> 

<prompt id="p_card_num" bargein="true">Please say the number</prompt> 
<prompt id= n p_expiry_date n bargein= n true">What is the expiration 
date?</prompt> 

<prompt id="p_content"> 
I have your <value select="card_type" />< value select="card_num" /> 
with expiration date <value select= !, expiry_date" /> 
</prompt> 

<prompt id= n p__confirm">Is this correct?</prompt> 

M-eco id= l, g_get_card_info" onReco="_handleQ" onNoReco = n mumble(this)"> 
<grammar src ~"./gram/getPaymenf /> 
<bind target= n card_type" value= M /card/type" /> 

4n c <bind target = w card_nunT value= n /card/number n /> 

HUO <bind target="expiry_date" value="/card/expr_date" /> 
</reco> 

<reco id =* confirmation" onReco ="confirmed(this) onNoReco ="mumble(this)" /> 

<grammar src = ,, ./gram#yesno n /> 

</reco > 

<select name="card_type"> 

<option value="amex n >American Express</option> 
<option value="visa">Visa</option> 
<option value="ms">MasterCard</option> 

</select> 

<input type="text" name= f, card_num" width= K 30" /> 

<input type="text" name= M expiry_date" /> 

<input type="submit n value="Submit M /> — 

</form> 

<script><!{;CDATA[ 

function welcome O { 
p__wel come . acti ve () ; 
repeat = 0; 
checkFilledO; 

function mumble (gob j) { 
gob j . deacti vate () ; 
p_mumbl e . acti ve O ; 
checkFilledO; 



function .handle () { 
handleO ; 
checkFilledO; 




• 



function checkFilledO i 
if (card_type. value == "") { 

p_card_type.active(); ; do_f i el d. acti vate (); return; 

if (card_num. value ="") { 

p_card_num.active(); do_field.activate(); return; 

if (expiry__date. value == ,,,, ) { 

p_expiry_data.active(); do_field.activate() ; return; 

p_content . act i vate O ; 
p_conf i rm.activateO ; 
confirmation.activate() ; 

function confi rmed(gobj) { 

if (gob j.recogRes. text == "yes") 

get_card_i nf o , submi t Cgensml () ) ; 

// 

// user codes start here 

// 

function handleO { 

if (field = get_card_info.card_nunO { 

if (get_card_info.card_num. length != 15) { 

prompt. speak ("amex should nave 15 digits"); 
get_card_info.card_num = ""; 

} else 

if (get^card_info.card__num. length != 16) { 
prompt. speak ("visa should "have 15 digits"); 
get_card_info.card_num = ""; 

function gensml() { 

str = '<smlxcredit_card type="'; 
str += card_type. value; str += ' "xnumber>'; 
str += card_number. value; str , </numberxexpire>' ; 
str += expi ry_date. value; str += 
</expi rex/credi t_cardx/sml>' ; 
return str; 

} 

]]> 
</script> 
</body> 
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SAMPLE ASP+ PAGE 

Page language=" Jscript" AutoEventWireup="f alse" 
Inherits="Credit . Transaction" %> 
<htmlxhead> 

<!— ASPX page for both voice-only & multimodal credit card example — : 
<script> 

function handle {) { 

if (field == get_card_info.card_num) { 

if (get_card_info.card_num. length != 15) { 
prompt. speak ("amex should have 15 digits"); 
get_card_info.card_num = ""; 

} 

} else 

if (get_card_info.card_num. length != 16) { 
prompt. speak ("visa should have 15 digits"); 
get_card_info. card_num = ""; 

} 

} 

function gensml ( ) { 
f»i str = ^smlXcredi^cardxcard^ypeV ; 

str += card_type. value; str += ^/card^ypeXnumberV ; 
^ str += card_number. value; str += l </number><expire>' ; 

y3 str + = expiry_date. value; str , </expire></credit_cardx/sml> 1 

rp return str; 

H } 

ZT. </script> 

5^ <script runat="server"> 

PJ function Page_Load (obj, args) { 

yl if (PostBack) { 

validator = new System. Speech. SML Validator (". /CreditSDL.xml") 

dsml = validator. Evaluate (args) ; 

Navigate (ChoosePage (dsml) ) ; 
'42 ) else { 

HI // initialize fields with args 

« } 

</script> 
M </head> 
<body> 

<speech:form id="get_card_inf o" style="system_initiative" 
prompt=" . /prompt/getPayment " on submit= "gensml ( ) "> 
<speech: choice name="card_type" prompt*="What credit card would you 
use?" 

grammar="./gram#card_types" onPhraseFinish="handle ( ) " 
<option>American Express</option> 
<option>Visa</option> 
<option>Mastercard </option> 
</speech : choice> 

<speech: textbox name="card_number" prompt="Please say the number" 

grammar="./gram#digits" onPhraseFinish="handle ( ) "> 
<speech: textbox name="expiry_date" prompt="What is the expiration 
date? " 

grammar="./gram#dates" onPhraseFinish="handle { ) "/> 

</speech: form> 

</body> 

</html> 
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